@media print and (orientation: landscape) {
    /* CSS rules here apply to printing in landscape mode */
}

@media print and (orientation: portrait) {
    /* CSS rules here apply to printing in portrait mode */
}

@media screen and (orientation: landscape) {
    /* CSS rules here apply to landscape mode (device on its side) */
}

@media screen and (orientation: portrait) {
    /* CSS rules here apply to portrait mode (device straight) */
}